$(function() {
	var ol = $("#catalog");
	var li = ol.children();
	var arr = [];
	for (var i = 0; i < li.length; i++) {
		arr.push(li[i]);
	}
	function sort(des) {
		if (des) {
			for (var i = arr.length; i >= 0; i--) {
				ol.append(arr[i])
			}
		} else {
			for (var i = 0; i < arr.length; i++) {
				ol.append(arr[i])
			}
		}
	}
	$("#asc").click(function() {
		$("#asc").addClass("hidden");
		$("#des").removeClass("hidden")
		sort(true);
	});
	$("#des").click(function() {
		$("#des").addClass("hidden");
		$("#asc").removeClass("hidden")
		sort(false);
	});
});
